.index-tpxw .swiper-slide .imgratio{padding-top: 57.22%;}
.index-tpxw .swiper-slide .txt{position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; padding: 38px 164px 16px 30px; color: #fff; font-size: 1.375em; font-weight: bold; background: linear-gradient(0deg, rgba(56, 56, 56, 1) 0%, rgba(0, 0, 0, 0) 100%); box-sizing: border-box;}

.index-zwyw{margin-top: -10px;}
.index-zwgg{margin-top: -10px;}
.infolist-yaowen-tt .time{margin-bottom: 10px;  position: relative; display: inline-block;float: right;color: #999;    margin-top: 5px;}
.infolist-yaowen-tt .time:after{ position: absolute; left: 100%; top: 50%; width: 60px; height: 1px; }
.infolist-yaowen-tt .tit{font-size: 1.35em; font-weight: bold; line-height: 1.47; max-height: 88px;}

.index-gwyxx-iconmenu li .box{border: 1px solid #E0E0E0; height: 68px; transition: .3s all;}
.index-gwyxx-iconmenu li .icon{margin-right: 5px; margin-left: 20px;}
.index-gwyxx-iconmenu li .icon img{width: 30px;}
.index-gwyxx-iconmenu li .txt{font-weight: bold;}
.index-gwyxx-iconmenu li .box:hover{background: #F0F8FF;}
   .index-zwyw  div.tit.elli-m a{
      color:#2871af;
    }
  .index-zwyw  div.tit.elli-s a{
      color:#2871af;
    }
   ul.infolist-yaowen-tt.ywtt  .tit{
          font-size: 1.35rem;
          text-align: center;
    }
    .szyw_zy{
        -webkit-line-clamp: 3;
          line-height: 25px;
      text-indent: 2em;    margin-top: 8px;
color: #808080;
    }
.index-tzgg-list li .box{background: #F5F5F5; height: 110px; position: relative; overflow: hidden; transition: .3s all;}
.index-tzgg-list li .time{position: absolute; left: 0; top: 7px; bottom: 7px; width: 97px; text-align: center; color: #B1B1B1; border-right: #E5E5E5 1px solid; font-weight: bold;}
.index-tzgg-list li .time b{display: block; font-size: 2.5em; padding-top: 10px;}
.index-tzgg-list li .time em{font-style: normal; font-size: 0.8375em;}
.index-tzgg-list li .tit{margin-top: 27px; margin-bottom: 27px; padding-right: 20px; padding-left: 114px; font-size: 1.125em; font-weight: bold; line-height: 1.555556;}
.index-tzgg-list li .box:hover{background: #F0F8FF;}

.index-rdzl-swiper .imgratio{padding-top: 10.2%; }
.index-rdgz .hd{position: relative; padding-bottom: 13px; padding-left: 22px;}
.index-rdgz .tit{position: relative; z-index:2;}
.index-rdgz .tit h3{padding-left: 33px; background: url(../images/index/icon_rdgz.png) no-repeat left center; background-size: 24px 22px; font-size: 1.5em; color: #DD0303;}
.index-rdgz .hd:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: #FBE5E7;}
.index-rdgz .bd{background: #FFF9FA; padding: 10px 18px 17px;}
.index-rdgz .tit .more{ height: 20px; background: url(../images/arrow/arrow_right_red.png) no-repeat center center; background-size: 8px; margin: 9px 10px 0 0; opacity: 0.5;}
.index-rdgz .tit .more:hover{opacity: 1;}

.index-zdzl-swiper .imgratio{padding-top: 48.18%;}

/* 政务公开 */
.index-com-tit h2{background: url(../images/index/tit_bg.png) no-repeat center bottom; background-size: auto 57px; padding-bottom: 17px; font-size: 1.875em; font-weight: normal; text-align: center;}

.index-com-pannel{background: #f7f7f7;}
.index-xxgkzl{padding: 20px 20px;}
.index-xxgkzl-nav{font-size: 0.9375em; line-height: 2.2;}
.index-xxgkzl-nav span{color: #A6A6A6; margin: 0 2px;}

.index-zdly{padding: 20px 20px 10px;}
.index-zdly-nav{margin-left: -1px; margin-right: -2px; height: 122px; overflow: hidden;}
.index-zdly-nav a{display: inline-block; font-size: 0.9375em; line-height: 1.7333; padding: 0 10px; border-radius: 13px; background: #FFFFFF; margin: 0 1px 15px;}

.index-zcwjldxx, .index-zcjdcwhj{height: 434px; box-sizing: border-box; padding: 20px 20px;}
.index-zcwj-ss{padding-right: 50px; padding-left: 20px; background: #FFFFFF; border: 1px solid #015293; border-radius: 20px; height: 40px; position: relative;}
.index-zcwj-ss .stxt{border: 0; height: 40px; line-height: 40px; width: 100%; font-size: 1em;}
.index-zcwj-ss .sbtn{position: absolute; right: 0; top: 0; width: 50px; height: 40px; background: url(../images/index/zcwj_icon_ss.png) no-repeat center center; background-size: 26px 26px; border: 0; cursor: pointer;}

.index-ldxx .cont{position: relative; height: 180px; margin-bottom: 30px;}
.index-ldxx .cont .pic{position: absolute; left: 0; top: 0;}
.index-ldxx .cont .pic img{display: block; width: 140px;}
.index-ldxx .cont .txt{margin-left: 157px;}
.index-ldxx .cont .zw{font-weight: bold; color: #20528F; display: block; font-size: 1.375em; margin-bottom: 5px;}
.index-ldxx .cont .name{display: block; font-size: 1.5em; margin-bottom: 25px;}
.index-ldxx .cont .jianjie{color: #575757; line-height: 1.75; -webkit-line-clamp: 3; }
.index-ldxx .btn{text-align: center;}
.index-ldxx .btn a{height: 42px; border-radius: 4px; background: #4675BD;}
.index-ldxx .btn .icon img{width: 30px;}
.index-ldxx .btn .txt{color: #fff; line-height: 42px;}

.index-zcjdcwhj{background: #F0F8FF;}
.index-zcjd-piclist li .imgratio{padding-top: 36.6%;}

/* 政务服务 */
.index-bsfw-iconmenu li .box{ height: 150px; background: #fff; border-bottom: 2px solid #015293;}
.index-bsfw-iconmenu li .icon{padding-top: 35px; margin-bottom: 20px;}
.index-bsfw-iconmenu li .icon img{height: 45px;}
.index-bsfw-iconmenu.break li .icon .active{display: none;}
.index-bsfw-iconmenu li .txt{font-size: 1.125em;}
.index-bsfw-iconmenu li .box:hover{background: url(../images/index/bsfw_btn_bg.png) no-repeat center #015293; background-size: 100% 100%;}
.index-bsfw-iconmenu li .box1:hover{background: url(../images/index/bsfw_btn_bg1.png) no-repeat center #015293; background-size: 100% 100%;}
.index-bsfw-iconmenu li .box:hover .normal{display: none;}
.index-bsfw-iconmenu li .box:hover .active{display: inline-block;}
.index-bsfw-iconmenu li .box:hover .txt{color:#fff;}

.index-bmfw-iconmenu li .icon{margin-bottom: 10px;}
.index-bmfw-iconmenu li .icon img{height:74px}
.index-bmfw-iconmenu li .txt{font-size: 1.125em; display: block; line-height: 1.44444; height: 52px;}

.index-bsfw-toolmenu li .box{height: 108px; background: #fff;}
.index-bsfw-toolmenu li .gengduo{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); height: 38px; background: #F5F5F5; border-radius: 19px; padding: 0 20px; color: #A6A6A6; line-height: 38px; transition: .3s all;}
.index-bsfw-toolmenu li .gengduo:hover{background: #F0F8FF; color: #1658A0;}
.index-bsfw-toolmenu li .icon{margin-right: 10px; margin-left: 28px;}
.index-bsfw-toolmenu li .icon img{height: 33px;}
.index-bsfw-toolmenu li .txt{font-size: 1.25em;}
.index-bsfw-toolmenu li .bl{padding-top: 37px;}

.index-bmbs-list li .box{background: #fff; padding: 15px; text-align: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06); font-size: 1.125em;}

ul.index-jgfk-list.infolist.dot.dot-rhomboid.ymd.res.mb10 li {
    padding-top: 14px;
}
ul.index-bsfw-toolmenu.inline.iconmenu.clearfix.cols-3.cols-md-1.space-30.space-md-20 .box {
    margin: 0px 15px 0;
}
.index-dczj-list li .box{background: #F7F7F7; height: 94px; position: relative; padding: 14px 66px 20px 20px; box-sizing: border-box; transition: .3s all;}
.index-dczj-list li + li .box{margin-top: 20px;}
.index-dczj-list li .tit{font-size: 1.125em; line-height: 1.8889; height: 68px;    display: flex;align-items: center; }
.index-dczj-list li .status{position: absolute; right: 0; top: 0; background: #A6A6A6; padding: 0 10px; line-height: 2; text-align: center; border-radius: 0 14px 0 14px; color: #fff; font-size: 0.8375em;}
.index-dczj-list li.ing .status{background: #015293;}
.index-dczj-list li .box:hover{background: #F0F8FF;}
.index-dczj-list li .box:hover .tit a{color: #1658A0;}
.index-dczj-list li .box:hover .status{background: #FE6102;}
.index-jgfk-list{margin-top: -3px !important;}

.index-zmhd-iconmenu{background: #F7F7F7; padding-top: 25px; padding-bottom: 25px;}
.index-zmhd-iconmenu li .box{height: 46px;}
.index-zmhd-iconmenu li .icon{margin-right: 5px;}
.index-zmhd-iconmenu li .icon img{height: 30px;}
.index-zmhd-iconmenu.splitline li .box:before{background: #DBDBDB;}
.index-zmhd-iconmenu li .txt{color: #808080;}

.index-zxft-tt{position: relative;}
.index-zxft-tt .imgratio{padding-top: 63.51%;}
.index-zxft-tt .txt{position: absolute; left: 0; right: 0; bottom: 0; height: 106px; background: rgba(56, 56, 56, 0.78);
 backdrop-filter: blur(4px); z-index: 2; color: #fff;}
.index-zxft-tt .time{position: absolute; left: 50px; top: 12px; width: 65px; text-align: center; color: #fff;}
.index-zxft-tt .time b{display: block; font-size: 2.625em; font-weight: bold;}
.index-zxft-tt .time em{display: block; font-style: normal;}
.index-zxft-tt .mesc{position: absolute; left: 145px; right: 95px; top: 50%; transform: translateY(-50%);}
.index-zxft-tt .tit{font-size: 1.5em; margin-bottom: 5px;}
.index-zxft-tt .jiabin{opacity: 0.5; line-height: 1.5; max-height: 48px;}
.index-zxft-tt .gengduo{position: absolute; color: #FF8D1A; font-size: 1.125em; right: 20px; top: 89%; transform: translateY(-50%); z-index: 99;}
 .index-zxft-tt .gengduo a { color: #FF8D1A !important;}
.index-ztzl-swiper .imgratio{padding-top: 52.5%;}
.index-ztzl-swiper .swiper-slide{padding-top: 10px; padding-bottom: 10px;}
.index-ztzl-swiper .swiper-slide .box{display: block; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.06);}
.index-ztzl-swiper .swiper-slide .txt{background: #fff; font-size: 1.125em; text-align: center; padding: 16px 20px; line-height: 1.33333;}

.index-ztzl-swiper .swiper-button-arrow3{top: 60px; margin-top: 0;}

.index-expand-tab{position: absolute; left: 0; right: 0; z-index: 999;}
.index-expand-tab .hd{width: 40px; position: absolute; left: -42px;}
.index-expand-tab .hd ul li{width:0; border-right: 40px solid #0262d6;border-top: 24px solid transparent;border-bottom: 24px solid transparent;transition: all 0.3s;}
.index-expand-tab .hd ul li.on{border-right-color: #2a82e4; position: relative; z-index: 1;}
.index-expand-tab .hd ul li a{display: block; width: 40px;}
.index-expand-tab .hd ul li + li{margin-top: -26px;}
.index-expand-tab .bd > .item{ display: none;
  padding: 25px; box-sizing: border-box; min-height: 392px;
  opacity: 1;
  border-radius:0 10px 10px 0;
  background: linear-gradient(
    90deg,
    rgba(238, 245, 255, 1) 0%,
    rgba(255, 255, 255, 1) 22.69%,
    rgba(255, 255, 255, 1) 89.17%,
    rgba(238, 245, 255, 1) 100%
  );
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.18);
}
.index-zcjdcwhj .imgratio .imgratio-imgbox .imgratio-img {
    object-fit: cover;
}
a.bsckgd {
    height: 38px;
    background: #F5F5F5;
    border-radius: 19px;
    padding: 0 20px;
    color: #A6A6A6;
    line-height: 38px;
    transition: .3s all;
    float: right;
    margin-top: 20px;
}
a.bsckgd:hover {
    background: #F0F8FF;
    color: #1658A0;
}
/* 苏州简讯 */
.index-expand-szjx .date{float: left; width: 203px; height: 24px; padding:8px 0 0 52px; line-height: 24px; color: #fff; font-size: 1.125em; background: url(../images/index/zdl_mryx_titlebg.png) no-repeat;}
.index-expand-szjx ul{padding: 5px 0 0;}
.index-expand-szjx ul li{padding:0px 0; line-height: 24px; text-indent: 2em;}
.index-expand-szjx a:hover, .index-expand-szjx a:hover .more{color: #00529a;}
.index-expand-szjx ul li p{padding:5px 0 5px 25px !important; line-height: 1.5; background: url(../images/index/zdl_mryx_icon_list.png) no-repeat left 12px; text-indent: 0 !important;}
.index-expand-szjx .more{float: right; margin-top: 8px; color: #999; font-size: 14px; line-height:24px;}


/* quickbar */
.quickbar{position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 999;}
.quickpannel dl{position: relative;}
.quickpannel dl dt img{display: block; width: 30px; margin: 0 auto 2px;}
.quickpannel dl dt span{display: block; text-align: center; line-height: 1.4; color: #808080; font-size: 0.875em;}
.quickpannel dl + dl{margin-top: 25px;}
.quickpannel dl dd{position:absolute; right:100%; top: 0; padding-right:15px; display:none;}
.quickpannel dl dd .cont{position: relative; width: 100px;  background:#fff; -moz-box-shadow:0 0 5px 1px rgba(0,0,0,0.18); font-size: 12px;
-ms-box-shadow:0 0 5px 1px rgba(0,0,0,0.18); -o-box-shadow:0 0 5px 1px rgba(0,0,0,0.18); -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.18); box-shadow:0 0 5px 1px rgba(0,0,0,0.18); -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.quickpannel dl dd img{display: block;}
.quickpannel dl dd span{display: block; width: 100px; text-align: center; padding-top: 6px; font-size: 12px; font-family: "宋体"; color:#666; line-height: 18px;}
.quickpannel dl dd .cont:after{ content: ""; width: 0; height: 0; overflow: hidden; border: 10px solid transparent; border-left-color:#fff; position: absolute; right: -20px; top: 15px;}
.quickpannel dl dd .cont:before{content: ""; width: 0; height: 0; overflow: hidden; border: 11px solid transparent; border-left-color:#dae0e4; position: absolute; right: -22px; top: 14px;}
.quickpannel dl.on dt span{color: #000;}
.quickpannel dl.on dd{display: block;}
.quickbar .icon-close{margin-top: 20px;}
.quickbar .icon-close img{display: block; width: 16px; margin: 0 auto; cursor: pointer;}


@media (max-width: 1500px) and (min-width: 1280px) {
  /* .index-zwyw-infolist li:nth-child(4){display: none;}
  .index-tzgg-infolist li:nth-child(6){display: none;} */
  .index-zwyw{height: 334px; overflow: hidden; margin-top: 0;}
  .index-gwyxx-iconmenu li:nth-child(2) .icon img{display: none;}
  .index-rdzl-swiper .imgratio{padding-top: 11.965%; }
ul#yjzjList li:nth-child(4) {
    display: none;
}
ul#wsdcList li:nth-child(4) {
    display: none;
}
}
@media (max-width: 1500px) {
  .index-dczj-list li .box{padding-top: 21px; padding-bottom: 21px; height: 110px;}
ul.index-jgfk-list.infolist.dot.dot-rhomboid.ymd.res.mb10 li {
    padding-top: 7px;
}
.infolist.li-h42 li {
    padding-top: 8px;
    padding-bottom: 8px;
}
.index-zwyw .infolist.li-h42 li {
    padding-top: 9px;
    padding-bottom: 9px;
}
}

@media (max-width: 1280px) {
  .quickbar{display: none;}
  .index-expand-tab{display: none;}
  /* .index-zcjdcwhj{height: auto;} */

}

@media (max-width: 768px) {
  .index-zmhd-iconmenu.splitline li:nth-child(3) .box:before{display: none;}

  .index-zxft-tt .txt{height: 90px;}
  .index-zxft-tt .gengduo{display: none;}
  .index-zxft-tt .mesc{right: 20px; left: 90px;}
  .index-zxft-tt .time{left: 15px; font-size: 14px;}
  .index-zxft-tt .tit{font-size: 1.25em;}

  .index-dczj-list li .box{height: auto; padding-top: 35px;}
 .index-dczj-list li .tit{height: auto;}

}
@media (max-width: 360px) {
  .index-bsfw-toolmenu li .gengduo{display: none;}
  .index-bsfw-toolmenu li .box{height: 88px;}
  .index-bsfw-toolmenu li .bl{padding-top: 25px;}
}


/* 关怀版 */


body.older .index-tpxw .swiper-slide .txt{padding-bottom: 30px;}
body.older .infolist-yaowen-tt .tit{max-height: 154px;}
body.older .index-gwyxx-iconmenu{margin-bottom: 50px;}
body.older .index-gwyxx-iconmenu li .icon img{width: 50px;}
body.older .index-gwyxx-iconmenu li .box{height: 90px;}

body.older .index-xxgkzl-nav br{display: none;}
body.older .index-xxgkzl-nav .older-show{display: inline;}
body.older .index-zdly-nav a{margin: 0 5px 20px; padding: 0 20px; border-radius: 30px;}

body.older .index-zcwjldxx, 
body.older .index-zcjdcwhj{height: auto;}

body.older .index-bsfw-iconmenu li{width: 25%;}
body.older .index-bmfw-iconmenu li{width: 20%; float: left;}
body.older .index-bmfw-iconmenu li .txt{max-height: 90px;}
body.older .index-bmfw-iconmenu  li .box{margin-bottom: 20px;}

body.older .index-bsfw-toolmenu li{width: 100%;}
body.older .index-bsfw-toolmenu li .icon img{height: 45px;}
body.older .index-bsfw-toolmenu li .gengduo{height: 48px; line-height: 48px; border-radius: 24px;}


body.older .index-zmhd-iconmenu{margin-bottom: 50px;}
body.older .index-zxft-tt .txt{height: 165px;}
body.older .index-zxft-tt .time{width: 145px; left: 20px;}
body.older .index-zxft-tt .mesc{left: 190px; right: 150px;}

body.older .index-ldxx .btn a{height: 60px;}
body.older .index-ldxx .btn .icon img{width: 40px;}
body.older .index-ldxx .btn .txt{line-height: 60px;}

body.older .quickpannel dl dt img{width: 60px;}
body.older .quickpannel dl dd .cont{width: 200px;}
body.older .szyw_zy {
    line-height: 50px;
}
body.older  .index-zwyw div.tit.elli-m a {
    font-size: 28px;
}
body.older  .index-zwyw div.tit.elli-s a {
    font-size: 28px;
}
@media (min-width: 769px) {
  body.older .index-zcwj-ss{height: 60px; border-radius: 32px; overflow: hidden; padding-right: 60px; padding-left: 25px;}
  body.older .index-zcwj-ss .stxt{height: 60px; line-height: 60px;}
  body.older .index-zcwj-ss .sbtn{width: 60px; height: 60px;}

  body.older .index-tzgg-list li{width: 100%;}
  body.older .index-tzgg-list li .box{height: 145px;}
  body.older .index-tzgg-list li .time{width: 160px;}
  body.older .index-tzgg-list li .time b{line-height: 1;}
  body.older .index-tzgg-list li .tit{padding-left: 190px;}
  body.older .index-tzgg-list{margin-bottom: 50px;}

  body.older .index-dczj-list li .box{height: auto; padding-top: 70px; padding-bottom: 40px;}
  body.older .index-dczj-list li .tit{height: auto;}
}

@media (max-width: 1280px) {
  body.older .index-gwyxx-iconmenu li{width: 100%;}

}

@media (max-width: 992px) {
  body.older .index-zmhd-iconmenu li{width: 50%;}
  body.older .index-zmhd-iconmenu.splitline li:nth-child(3) .box:before{display: none;}

}
@media (max-width: 768px) {
  body.older .index-tpxw .swiper-slide .txt{padding-bottom: 20px;}
  body.older .swiper-pagination.right{bottom: 25px !important;}
  body.older .index-tzgg-list li .box{height: 105px;}

  body.older .index-bsfw-iconmenu li,
  body.older .index-bmfw-iconmenu li{width: 33.33333%;}

  body.older .index-bsfw-toolmenu li .gengduo{display: none;}

}

@media (max-width: 480px) {
  body.older .index-bsfw-iconmenu li,
  body.older .index-bmfw-iconmenu li{width: 50%;}
}
/* 气象预警 */
.weather-warning {display: none;}
.weather-warning .gban-dlr {cursor: pointer;position: absolute;top: 0;right: -7px;
display: block;height: 20px;width: 20px;background: url(/szsrmzf/xhtml//images/close.gif) no-repeat left top;
background-color: rgba(0, 0, 0, 0);background-position-x: left;background-position-y: top;
z-index: 99;background-color: #999999;background-position: center center;right: 0;top: -19px;}
/* 触发弹窗图片的样式 */
#ww-myImg {border-radius: 5px;transition: 0.3s;width: 130px;background-color: #595757;}
#ww-myImg .ww-myImgicons {width: 100%;cursor: pointer;}
#ww-myImg i {display: block;border-left: 4px solid #595757;border-right: 4px solid #595757;
border-bottom: 4px solid #595757;background-color: #fff;line-height: 28px;text-align: center;}
/* 弹窗背景 */
#ww-myModal {
  display: none;/* Hidden by default */
  position: fixed;/* Stay in place */
  z-index: 100;/* Sit on top */
  padding-top: 100px;/* Location of the box */
  left: 0;top: 0;
  width: 100%;/* Full width */
  height: 100%;/* Full height */
  overflow: auto;/* Enable scroll if needed */
  background-color: rgb(0, 0, 0);/* Fallback color */
  background-color: rgba(0, 0, 0, 0.5);/* Black w/ opacity */
}
/* 弹窗内容 */
div#weather-warning {
    position: fixed;
    bottom: 20px;
    left: 0;
    z-index: 999;
}
#ww-modal-content {margin: auto;display: block;width: 742px;background-color: #fff;position: relative;max-width: 100%;}
#ww-modal-content h1 {line-height: 48px;background-color: #205092;color: #fff;font-size: 20px;text-indent: 24px;}
#ww-modal-content .ww-caption {padding: 24px;border-left: 4px solid #205092;border-right: 4px solid #205092;border-bottom: 4px solid #205092;}
#ww-modal-content .ww-caption .ww-com {position: relative;margin-top: 24px;}
#ww-modal-content .ww-caption .ww-com h2 {padding: 0 24px;line-height: 40px;border-radius: 20px;display: inline-block;
background-color: #205092;font-size: 18px;color: #fff;position: absolute;left: 50%;margin-left: -60px;margin-top: -20px;}
#ww-modal-content .ww-caption .ww-com .ww-com-con {background-color: #edf3fa;border-radius: 16px;padding: 48px 24px 24px;
text-align: justify;line-height: 28px;text-indent: 2em;}
#ww-modal-content .ww-caption .ww-com .ww-com-con .img {width: 17%;}
#ww-modal-content .ww-caption .ww-com .ww-com-con .txt {width: 80%;line-height: 28px;text-indent: 2em;}
#ww-modal-content .ww-caption .ww-fycs {margin-top: 48px;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
/* 关闭按钮 */
.ww-close { position: absolute;top:0;right: 0;background-color: #b4251a;width: 48px;height: 48px;
text-align: center;font-weight: 600;font-size: 32px;color: #fff;line-height: 40px;}
.ww-close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
 .dl-close {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 16px;
    width: 16px;
    background: url(../images/public/icon_close_white.png) no-repeat center #999;
    background-size: 10px;
    z-index: 99;
    opacity: .9;
}